/*
 * @Description: 多功能收索
 * @Version: V1.0.0
 * @Autor: CHY
 * @Date: 2022-03-30 19:40:26
 * @LastEditors: CHY
 * @LastEditTime: 2022-04-01 21:28:18
 */
import React from 'react';
import {  Row, Col, Input, Form, Select, DatePicker ,Button} from 'antd';

import './index.css'
import '../button.css'
const { Option } = Select

const searchForm = () => {
    return (
        <>
            <Form name="basic"  className='form-continer'>
                <Row>
                    <Col span={8}>
                        <Form.Item label="编号" labelCol={{ span: 8 }} labelAlign={'right'}  >
                            <Input name="No"/>
                        </Form.Item>
                        <Form.Item label="工单类型" labelCol={{ span: 8 }} labelAlign={'right'}  >
                            <Select defaultValue="请选择" name="orderCate">
                                <Option value="red" >Red</Option>
                                <Option value="green" >Green</Option>
                                <Option value="blue" >Blue</Option>
                            </Select>
                        </Form.Item>
                        <Form.Item label="结束时间" labelCol={{ span: 8 }} labelAlign={'right'} >
                            <DatePicker  name="endTime1"/>~
                            <DatePicker  name="endTime2"/>
                        </Form.Item>
                        <Form.Item label="发起时间" labelCol={{ span: 8 }} labelAlign={'right'}  >
                            <DatePicker name="startTime1"/>~
                            <DatePicker name="startTime2"/>
                        </Form.Item>
                    </Col>
                    <Col span={8}>
                        <Form.Item label="客户名称" labelCol={{ span: 8, offset: 1 }} labelAlign={'right'}  >
                            <Input name="clientName"/>
                        </Form.Item>
                        <Form.Item label="指派人员" labelCol={{ span: 8, offset: 1 }} labelAlign={'right'} >
                            <Input  name="dispatchName"/>
                        </Form.Item>
                        <Form.Item label="交通方式" labelCol={{ span: 8, offset: 1 }} labelAlign={'right'}  >
                            <Select defaultValue="请选择" name="transportation">
                                <Option value="red" >Red</Option>
                                <Option value="green" >Green</Option>
                                <Option value="blue" >Blue</Option>
                            </Select>
                        </Form.Item>
                        <Form.Item label="发起人" labelCol={{ span: 8, offset: 1 }} labelAlign={'right'}  >
                            <Select defaultValue="请选择" name="beginPerson">
                                <Option value="red" >Red</Option>
                                <Option value="green" >Green</Option>
                                <Option value="blue" >Blue</Option>
                            </Select>
                        </Form.Item>
                    </Col>
                    <Col span={8}>
                        <Form.Item label="客户联系人" labelCol={{ span: 8, offset: 1 }} labelAlign={'right'}  >
                            <Input name="clientPerson"/>
                        </Form.Item>
                        <Form.Item label="起始时间" labelCol={{ span: 8, offset: 1 }} labelAlign={'right'}  >
                            <DatePicker name="staringTime1"/>~<DatePicker name="staringTime2"/>
                        </Form.Item>
                        <Form.Item label="差旅联系人" labelCol={{ span: 8, offset: 1 }} labelAlign={'right'}  >
                            <Input name="businessTraveller"/>
                        </Form.Item>
                        <Form.Item label="自定义字段搜索" labelCol={{ span: 8, offset: 1 }} labelAlign={'right'}  >
                            <Input name="custom"/>
                        </Form.Item>
                    </Col>
                    <Col span={8} offset={8} className='footer-contaner'>
                            <Button type='primary' className='btn-bgc-7'>立即收索</Button>&nbsp;&nbsp;
                            <Button type='primary'className='btn-bgc-8'>清空条件</Button>
                    </Col>
                </Row>
            </ Form >
        </>
    );
}

export default searchForm;
